html,body{
    font-size:65%;
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0;
    font-family:'微软雅黑',Arial;
    background-color:#efefef;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    color:#484848;
    max-width:768px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition:all .5s ease;
}
p,ul,li,a,ol,li,h4,h1,h2,h3,h5,h6{
    margin:0;
    padding:0;
    list-style:none;
    text-decoration:none;
}
p{color:#717171;}
input{
     /*border:none;*/
     /*outline:none;*/
     line-height:2.5em;
     font-size:1em;
     padding-left:0.8333em;
 }
button{background:none;}
/*栅格化*/
.l-row,input{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.l-row{width:100%;}
.l-row:after{
    display:block;
    content:'';
    clear:both;
}
.l-row:before{
    display:table;
    content:'';
}
.l-row>[class*='l-col-xs-']{
    float:left;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.l-col-xs-1{width:8.33333333%}
.l-col-xs-2{width:16.66666667%}
.l-col-xs-3{width:25%;}
.l-col-xs-4{width:33.33333333%}
.l-col-xs-5{width:41.66666667%}
.l-col-xs-6{width:50%;}
.l-col-xs-7{width:58.33333333%}
.l-col-xs-8{width:66.66666667%;}
.l-col-xs-9{width:75%;}
.l-col-xs-10{width:83.33333333%}
.l-col-xs-11{width:91.66666667%}
.l-col-xs-12{width:100%;}

/*字体大小预设*/
.fS17 { font-size:2.52em;}
.fS14 { font-size:2.08em; }
.fS12 { font-size:1em;}
.fS13 { font-size:1.93em;}

.tC{ text-align:center;}
.tR{ text-align:right;}
.tL {text-align:left;}
.boxShadow {
    box-shadow:0.2em 0.2em 1.2em #ddd;
    -webkit-box-shadow:0.2em 0.2em 1.2em #ddd;
    -ms-box-shadow:0.2em 0.2em 1.2em #ddd;
    -moz-box-shadow:0.2em 0.2em 1.2em #ddd;
    -o-box-shadow:0.2em 0.2em 1.2em #ddd;
}
.borderB{border-bottom:0.0833em solid #eeeeee;}
.borderR{border-right:0.08333em solid #eeeeee;}

.bR5{border-radius:0.5em;}
.bR3{border-radius:0.3em;}
.w {width:100%;}
.w90 {width:90%;}
.w70{width:70%;}
.disp_none{display:none;}
/*边距预设*/
.padd-b-44{
    padding-bottom:3.667em;
}
.edge-distance{margin-bottom:0.41667em;}
.edge-left-right{padding-left:1.25em;padding-right:1.25em;}
.padd-5{ padding:0.41667em;}
.padd-10{ padding:0.8333em;}
.padd-t-5 { padding-top:0.41667em;}
.padd-t-10{ padding-top:0.8333em;}
.padd-t-15{ padding-top:1.25em;}
.padd-t-20{ padding-top:1.667em;}
.padd-t-30{ padding-top:2.5em;}
.padd-t-40{ padding-top:3.333em;}

.padd-b-3 { padding-bottom:0.25em;}
.padd-b-5 { padding-bottom:0.41667em;}
.padd-b-10{ padding-bottom:0.8333em;}
.padd-b-15{ padding-bottom:1.25em;}
.padd-b-20{ padding-bottom:1.667em;}

.padd-l-5 { padding-left:0.41667em;}
.padd-l-8 { padding-left:0.667em;}
.padd-l-15{ padding-left:1.25em;}
.padd-l-10{ padding-left:0.8333em;}
.padd-l-20{ padding-left:1.667em;}

.padd-r-3 { padding-right:0.25em;}
.padd-r-5 { padding-right:0.41667em;}
.padd-r-8 { padding-right:0.667em;}
.padd-r-10{ padding-right:0.8333em;}
.padd-r-15{ padding-right:1.25em;}
.padd-r-20{ padding-right:1.667em;}

.marg-5{ margin:0.41667em;}
.marg-10{ margin:0.8333em;}
.marg-t-5{ margin-top:0.41667em;}
.marg-t-10{ margin-top:0.8333em;}
.marg-t-15{ margin-top:1.25em;}
.marg-t-20{ margin-top:1.667em;}

.marg-b-5{ margin-bottom:0.41667em;}
.marg-b-10{ margin-bottom:0.8333em;}
.marg-b-15{ margin-bottom:1.25em;}
.marg-b-20{ margin-bottom:1.667em;}

.marg-l-5{ margin-left:0.41667em;}
.marg-l-10{ margin-left:0.8333em;}
.marg-l-15{ margin-left:1.25em;}
.marg-l-20{ margin-left:1.667em;}

.marg-r-3{margin-right:0.25em;}
.marg-r-5{ margin-right:0.41667em;}
.marg-r-10{ margin-right:0.8333em;}
.marg-r-15{ margin-right:1.25em;}
.marg-r-20{ margin-right:1.667em;}

/*行高*/
.lH60{ line-height:5em}
.lH45{ line-height:3.75em;}
.lH35{ line-height:2.9167em;}
.lH32{ line-height:2.667em;}
.lH30{ line-height:2.5em;}
.lH28{ line-height:2.333em;}
.lH25{ line-height:2.0833em;}
.lH20{ line-height:1.667em;}
.lH17{ line-height:1.4167em;}
.letter-space2{letter-spacing:0.2em;}
.limit-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.cWhite{ color:#fff;}
.cYellow{color:#ff8500;}
.cBlack{ color:#484848;}
.cLightGrey{ color:#CCC;}
.cDarkYellow{ color:#f56632;}
.bGWhite{ background:#fff;}
.bGYellow{ background-color:#ff8500;}
.bGDarkYellow{ background-color:#ff8500;}

button{border:none;}
/*btns*/
.btn-br-yellow{
    background:#ff8500;
    color:#fff;
}

/*复选框样式*/
input[type=checkbox],input[type=radio]{ visibility:hidden;}
.checkBox,.radio{
    display:inline-block;
    position:relative;
}
.checkBox{    width:2.0833em;}
.checkBox label,.radio label{
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background:#fff;
}
.checkBox label{
    width:1.5883em;
    height:1.5883em;
    border-radius:0.3em;
    border:0.0833em solid #DDD;
}
.radio label{
    width:1em;
    height:1em;
    border-radius:50%;
    border:0.0833em solid #BBB;
}
.checkBox label:after,.radio label:after{
    content:'';
    position:absolute;
    background:transparent;
    top:0.25em;
    left:0.25em;

}

.checkBox label:after{
    opacity:0;
    width:0.833em;
    height:0.433em;
    border:3px solid #ff0000;
    border-top:none;
    border-right:none;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.radio label:after{
    opacity:0.7;
    width:0.45em;
    height:0.45em;
    top:0.28em;
    border-radius:50%;
    background:#ccc;
}
.radio input[type=radio]:checked+label:after{
    background:#ff0000;
}
.checkBox input[type=checkbox]:checked+label:after{
    opacity:1;
}

/*箭头方向*/
.right{
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.down{
    display:inline-block;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    transform:rotate(90deg);
}
.up{
     display:inline-block;
     -webkit-transform:rotate(-90deg);
     -ms-transform:rotate(-90deg);
     -o-transform:rotate(-90deg);
     -moz-transform:rotate(-90deg);
    transform:rotate(-90deg);
 }
